<?php

require '../../includes/funcionesUsuarios.php';
$serviciosUsuarios = new ServiciosUsuarios();

session_start();

if (!isset($_SESSION['usua_se']))
{
	header('Location: ../../vistas/');
} else {
	
require '../../includes/funcionesProductos.php';

$serviciosProductos = new ServiciosProductos();


$resEstado = $serviciosProductos->traerEstados();
$resCategorias = $serviciosProductos->TraerCategorias();
$resPedidos = $serviciosProductos->traerPedidos();

$resUsuarios = $serviciosUsuarios->traerUsuariosPorRol(2);

?>

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">



<title>Administrador de Pedidos</title>



<link rel="stylesheet" type="text/css" href="../../css/estilo.css"/>

<script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>


<link rel="stylesheet" href="../../css/jquery-ui.css">

<script src="../../js/jquery-1.10.2.js"></script>
<script src="../../js/ui/jquery.ui.core.js"></script>
<script src="../../js/ui/jquery.ui.widget.js"></script>
<script src="../../js/ui/jquery.ui.mouse.js"></script>
<script src="../../js/ui/jquery.ui.button.js"></script>
<script src="../../js/ui/jquery.ui.draggable.js"></script>
<script src="../../js/ui/jquery.ui.position.js"></script>
<script src="../../js/ui/jquery.ui.dialog.js"></script>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="../../bootstrap/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="../../bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="../../css/datepicker.css">


<style>
    .buscador {
        width:620px; 
        margin-top: 30px; 
        margin-bottom:5px; 
        padding:15px;
        padding-top:2px;
        background-color:#C00; 
        border:1px solid #840000;	
        -webkit-border-radius: 12px;  /* Safari  */
        -moz-border-radius: 12px;     /* Firefox */
        border-radius: 12px;
    }

    #buscar {
        background:url(../../imagenes/buscarIco.png) no-repeat;
        width: 35px;
        height:35px;
        border:none;
        text-decoration:none;
    }
    
    .cf:before, .cf:after{
        content:"";
        display:table;
    }
     
    .cf:after{
        clear:both;
    }
     
    .cf{
        zoom:1;
    }    
    
    .form-wrapper2 {
        width: 550px;
        /*350px*/
        padding: 15px;
        margin: 20px auto 10px auto;

        background: #444;
        background: rgba(0,0,0,.2);
        border-radius: 10px;
        box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    }
     
    /* Form text input */
     
     
    .form-wrapper2 #texto {
        width: 210px;
        /*230px*/
        height: 40px;
        padding: 10px 5px;
        float: left;   
        font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
        border: 0;
        background: #eee;
        border-radius: 3px 0 0 3px;     
    }
     
    .form-wrapper2 #texto:focus {
        outline: 0;
        background: #fff;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
     
    .form-wrapper2 #texto::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
       font-style: italic;
    }
     
    .form-wrapper2 #texto:-moz-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }
     
    .form-wrapper2 #texto:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }  
     
     
      
     
    /* Form submit button */
    .form-wrapper2 button {
        overflow: visible;
        position: relative;
        float: right;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 40px;
        width: 110px;
        /*110px*/
        font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
        color: #fff;
        text-transform: uppercase;
        background: #d83c3c;
        border-radius: 0 3px 3px 0;     
        text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
    }  
       
    .form-wrapper2 button:hover{    
        background: #e54040;
    }  
       
    .form-wrapper2 button:active,
    .form-wrapper2 button:focus{  
        background: #c42f2f;
        outline: 0;  
    }
     
    .form-wrapper2 button:before { /* left arrow */
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #d83c3c transparent;
        top: 12px;
        left: -6px;
    }
     
    .form-wrapper2 button:hover:before{
        border-right-color: #e54040;
    }
     
    .form-wrapper2 button:focus:before,
    .form-wrapper2 button:active:before{
            border-right-color: #c42f2f;
    }     
     
    .form-wrapper2 button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
        border: 0;
        padding: 0;
    }    
    
    .tablaPer tr {
        background-color: #d99795;
        color:#000;
        font-size:18px;
        font-family:Verdana, Geneva, sans-serif;
    }
    .tablaPer tr td {
        padding:10px;
        text-align:center;
        border-color: #000;
    }
    
    .colorTd {
        color:#000;
        font-weight:bold;
        background-color:#f5e0df;
    }
	
	.row {
		margin-top:12px;
	}
	
	.chosen-results, .chosen-single, .chosen-drop, .chosen-search {
		width:200px;
	}
	
	.active-result {
		background-color:#FFF;
		border:1px solid #CCC;
	}
</style>
        
<link rel="stylesheet" href="../../css/chosen.css">
        
</head>



<body>

<div class="row">
	<div class="col-md-12">
        <ul class="nav nav-tabs">
          <?php if ($_SESSION['rol_se'] == 1) { ?><li role="presentation"><a href="../principal/">Productos</a></li><?php } ?>
          <li role="presentation" class="active"><a href="index.php">Pedidos</a></li>
          <?php if ($_SESSION['rol_se'] == 1) { ?><li role="presentation"><a href="../costos/">Pedidos Costos</a></li><?php } ?>
          <li role="presentation"><a href="pedidoseliminados.php">Pedidos Eliminados</a></li>
          <?php if ($_SESSION['rol_se'] == 1) { ?><li role="presentation"><a href="../usuarios/">Usuarios</a></li><?php } ?>
          <li role="salir"><a href="../logout.php">Salir</a></li>
        </ul>
    </div>

</div>

<div class="row">

    
    <!-- para la lista de pedidos -->
    <div class="col-md-12">
    	<div class="panel table-responsive panel-primary" style="margin-top:20px;">
		<div class="panel-heading">
			<h3 class="panel-title">Listados de Pedidos</h3>
		</div>
			<div class="panel-body">
            <div class="row" align="center">
            <button type="button" style="padding:10px 30%;background-color: #0890a8;border-radius: 7px 7px 7px 7px;display: inline-block;margin-bottom: 0px!important; box-shadow: 0 -4px 0 #054955 inset; -webkit-box-shadow: 0 -4px 0 #054955 inset; -moz-box-shadow: 0 -4px 0 #054955 inset; border:none; color:#fff; font-size:1.2em;" data-target="#dialogCrear" data-toggle="modal">AÑADIR PEDIDO</button>
            </div>
            <div class="row">			
            <table id="example" class="table table-striped table-responsive table-bordered" cellspacing="0" width="100%">
                <thead>
                    <tr>
                        <th>N° Pedido</th>
                        <th>Nombre</th>
                        <th>Estado</th>
                        <th>Fecha/Año</th>
                        <th>Autor</th>
                        <th>Descargas</th>
                        <th>Ult.Desc.</th>
                        <th>Usua.Proporc.</th>
                        <th>Comentario</th>
                        <th style="text-align:center;">Eliminar</th>
                    </tr>
                </thead>
                <tbody id="lstpedidos">
                    <?php 
						while ($rowP = mysql_fetch_array($resPedidos)) {
							
					?>
                    <tr>
                        <td><?php echo $rowP['nrofactura']; ?></td>
                        <td><?php echo $rowP['categoria']; ?></td>
                        <td><?php 
								if ($rowP['estado'] == 'ENTREGADO') {
								echo '<span style="color:#0C3;">'.$rowP['estado'].'</span>';
								} else {
									echo $rowP['estado'];
								}
								
							?>
                        </td>
                        <td><?php echo $rowP['fechacreacion']; ?></td>
                        <td><?php echo $rowP['nombrecompleto']; ?></td>
                        <td align="center"><?php echo $rowP['descargas']; ?>º</td>
                        <td align="center"><?php echo $rowP['ultimadescarga']; ?></td>
                        <td><?php echo $rowP['usuarioproporcionado']; ?></td>
                        <td align="center">
                        	<?php if ($rowP['comentario'] != '') { ?>
                        	<a href="#" class="comentario" id ="<?php echo $rowP['comentario']; ?>" data-toggle="tooltip" data-placement="top" data-original-title="<?php echo $rowP['comentario']; ?>" style="color:#F00; font-weight:800; ">?</a>
                            <?php } ?>
                        </td>
                        
                        <td width="100" align="center">
                        <?php if ($_SESSION['rol_se'] == 1) { ?>
                        <img src="../../imagenes/eliminarIco.png" style="cursor:pointer;" id="<?php echo $rowP[0]; ?>" class="varborrar" data-target="#dialog2" data-toggle="modal">
                        <?php } else { ?>
                        	<?php if ($rowP['idusuario'] == $_SESSION['idusua_se']) { ?>
                            	<img src="../../imagenes/eliminarIco.png" style="cursor:pointer;" id="<?php echo $rowP[0]; ?>" class="varborrar" data-target="#dialog2" data-toggle="modal">
                            <?php } ?>
                        <?php } ?>
                        </td>
                    </tr>
                    <?php
						}
					?>
                    

                    
                </tbody>
            </table>
			</div>
            </div>
		</div>
    </div>
</div>




<div id="dialog2" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
    	<div class="modal-content">	
        	<div class="modal-header">
            	<button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4>Eliminar Producto</h4>
            </div>
            
            <div class="modal-body">
                <p><span class="ui-icon ui-icon-alert" style="float: left; margin: 0 7px 20px 0;"></span>¿Esta seguro que desea eliminar el Pedido?.</p>
        <p><strong>Importante: </strong>El pedido no sera borrado definitivamente, se pasará a una lista de pedidos borrados.</p>
        <input type="hidden" value="" id="idCliente" name="idCliente">
                    
                    <div class="modal-footer">
                        <button type="button" data-dismiss="modal" class="btn btn-default">Cerrar</button>
                        <button type="button" id="agregar6" class="btn btn-warning">Eliminar</button>
                    </div>
                    <br>
                    <div id="load">
                    
                    </div>
                    <div id="error">
                    
                    </div>
            </div><!-- fin del body -->
      </div><!-- fin del content -->
        
      </div><!-- fin del dialog -->
</div><!-- fin del dialogCrear -->






<div id="dialogCrear" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
    	<div class="modal-content">	
        	<div class="modal-header">
            	<button class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4>Ingresar el Pedido</h4>
            </div>
            
            <div class="modal-body">
            <form class="form-horizontal">
    <!--    	<div class="row">
                <div class="col-md-12" align="center">
                        
                        <div class="load">
                        
                        </div>
                </div>
            </div>-->
            <div class="row">
                <div class="form-group">
                     <label for="inputEmail" class="control-label col-md-2">Nombre:</label>
                     <div class="col-md-10">
                        <select data-placeholder="selecione el nombre..." id="refcliente" name="refcliente" class="chosen-select" style="width:100%;">
                            <option value=""></option>
                            <?php while ($rowC = mysql_fetch_array($resCategorias)) { ?>
                                <option value="<?php echo $rowC[0]; ?>"><?php echo $rowC[1]; ?></option>
                            <?php } ?>
                        
                        </select>
                        
                     </div>
                     
                 </div>
            </div>
            
            
            <div class="row">
                <div class="form-group">
                     <label for="inputEmail" class="control-label col-md-2">Nro Pedido:</label>
                     <div class="col-md-10">
                         <input type="email" class="form-control" id="nropedido" placeholder="Nro Pedido...">
                     </div>
                     <div class="help-block" id="descarga" style="padding-left:35px;">
                        
                     </div>
                 </div>
            </div>
            
            
            
            <div class="row">
                <div class="form-group">
                    <label for="inputEmail" class="control-label col-md-2">Estado:</label>
                    <div class="col-md-10">
                         <select class="form-control" id="estado">
                            <option value="ENTREGADO">ENTREGADO</option>
                            <option value="PERSONALIZADO">PERSONALIZADO</option>
                         </select>
                         <input type="email" class="form-control" maxlength="25" id="personalizado" placeholder="Ingrese el Estado..." style="display:none;">
                     </div>
                </div>
            </div>
            
            <div class="row">
                <div class="form-group">
                     <label for="inputEmail" class="control-label col-md-12" style="text-align:left;">Comentarios:</label>
                     <div class="col-md-12">
                         <textarea class="form-control" id="comentarios" rows="5" cols="5"></textarea>
                     </div>
                     
                 </div>
            </div>
            
            <div class="row">
                <div class="form-group col-md-6" align="center">
                     <label for="inputEmail" class="control-label col-md-12" style="text-align:center;">Ultima Descarga</label>
                     <div class="col-md-12">
                         <input type="checkbox" class="form-control" id="ultimadescarga" />
                     </div>
                     
                 </div>
                 <div class="form-group col-md-6" align="center">
                     <label for="inputEmail" class="control-label col-md-12" style="text-align:center;">Usuario Proporcionado</label>
                     <div class="col-md-12">
                         <input type="text" class="form-control" id="usuarioproporcionado" placeholder="Ingrese el Usuario Proporcionado..."/>
                     </div>
                     
                 </div>
            </div>
            
            <input type="hidden" id="descargas" name="descargas" value="" />
            <div class="modal-footer">
                <button type="button" data-dismiss="modal" class="btn btn-default">Cerrar</button>
                <button type="button" id="agregar2" class="btn btn-success">Guardar</button>
            </div>
            </form>
                    
                    <br>
                    <div id="load">
                    
                    </div>
                    <div id="error">
                    
                    </div>
            </div>
      </div>
        
      </div>
</div>


</div>

<script type="text/javascript" src="../../js/jquery.dataTables.min.js"></script>
<script src="../../bootstrap/js/dataTables.bootstrap.js"></script>
<script src="../../js/chosen.jquery.js" type="text/javascript"></script>
<script type="text/javascript">
    var config = {
      '.chosen-select'           : {},
      '.chosen-select-deselect'  : {allow_single_deselect:true},
      '.chosen-select-no-single' : {disable_search_threshold:10},
      '.chosen-select-no-results': {no_results_text:'Oops, nothing found!'},
      '.chosen-select-width'     : {width:"95%"}
    }
    for (var selector in config) {
      $(selector).chosen(config[selector]);
    }
  </script>

<script type="text/javascript" src="../../js/bootstrap-datepicker.js"></script>
<script type="text/javascript">

	$(document).ready(function(){
		

		$('#nropedido').change(function() {
			$.ajax({
					data:  {nropedido: $(this).val(), accion: 'traerDescarga'},
					url:   '../../ajax/ajax.php',
					type:  'post',
					beforeSend: function () {
							
					},
					success:  function (response) {
							$('#descarga').html('La descarga sera la '+response+'º');
							$('#descargas').val(response);
					}
			});
			
			
		});
		
		$('.varborrar').click(function(event){
		  usersid =  $(this).attr("id");
		  if (!isNaN(usersid)) {
			$("#idCliente").val(usersid);
			//url = "../clienteseleccionado/index.php?idcliente=" + usersid;
			//$(location).attr('href',url);
		  } else {
			alert("Error, vuelva a realizar la acción.");	
		  }
		  
		  //post code
		});
		
		

		$( "#agregar6" ).click( function(){
				$.ajax({
						data:  {id: $('#idCliente').val(), accion: 'eliminarPedido'},
						url:   '../../ajax/ajax.php',
						type:  'post',
						beforeSend: function () {
								
						},
						success:  function (response) {
								url = "index.php";
								$(location).attr('href',url);
								
						}
				});

		});
		
	
		
		$('#estado').change(function() {
			if ($(this).val() == 'PERSONALIZADO') {
				$('#personalizado').show(300);	
			} else {
				$('#personalizado').hide(300);
			}
		});
		
		$('.comentario').click(function(event){
			  usersid =  $(this).attr("id");
			  $(this).tooltip();
		});//fin del boton eliminar
		
		$('#usuarios').click(function(event){
				url = "../usuarios/";
				$(location).attr('href',url);
		});
		
		
		$('#estados').click(function(event){
				url = "../estados/";
				$(location).attr('href',url);
		});
		
		$('#categorias').click(function(event){
				url = "../principal/";
				$(location).attr('href',url);
		});
		
		$('#example').dataTable({
			"order": [[ 4, "desc" ]]
		} );
		
		var eventFired = function ( type ) {
			$('[data-toggle="tooltip"]').tooltip();     
		}
		$('#example')
        .on( 'order.dt',  function () { eventFired( 'Order' ); } )
        .on( 'search.dt', function () { eventFired( 'Search' ); } )
        .on( 'page.dt',   function () { eventFired( 'Page' ); } )
        .dataTable();
		
		
		$(function () {
		  $('[data-toggle="tooltip"]').tooltip();
		});
		
		
		
	$("#nropedido").click(function(event) {
		$("#nropedido").removeClass("alert-danger");
		if ($(this).val() == "") {
			$("#nropedido").attr('value','');
			$("#nropedido").attr('placeholder','Es obligatorio el campo Nro Pedido.');
		}
		
    });

	$("#nropedido").change(function(event) {
		$("#nropedido").removeClass("alert-danger");
		$("#nropedido").attr('placeholder','Es obligatorio el campo Nro Pedido.');
	});
	
	
	function validador(){
		$error = "";

		if ($("#nropedido").val() == "") {
			$error = "Es obligatorio el campo Nro Pedido.";

			alert($error);
		}
		
		if ($("#refcliente").chosen().val() == "") {
			$error = "Es obligatorio el campo Nombre.";

			alert($error);
		}


		return $error;
		
	}
	
	
	$('#agregar').click(function() {
		$('#descarga').html('');
		$('#descargas').val('');
		$('#nropedido').val('');
		$("#dialogCrear").dialog("open");
	});
	
	
	
	$('#agregar2').click(function() {
		if (validador() == "")
		{
			var estado = '';
			if ( $('#estado').val() == 'PERSONALIZADO') {
				estado = $('#personalizado').val();
			} else {
				estado = $('#estado').val();
			}
			
			
			$.ajax({
			data:  {nombre:		$("#refcliente").chosen().val(),
					refestado: estado,
					nrofactura: $('#nropedido').val(),
					comentario: $('#comentarios').val(),
					refusuario: <?php echo $_SESSION['idusua_se']; ?>,
					descargas: $('#descargas').val(),
					ultimadescarga: $("#ultimadescarga").is(':checked') ? 1 : 0,
					usuarioproporcionado: $('#usuarioproporcionado').val(),
					accion:		'insertarPedido'},
			url:   '../../ajax/ajax.php',
			type:  'post',
			beforeSend: function () {
					$("#load").html('<img src="../../imagenes/load13.gif" width="50" height="50" />');
			},
			success:  function (response) {
					
					if (response != '') {
						
						$("#error").removeClass("alert alert-danger");

						$("#error").addClass("alert alert-danger");
						$("#error").html('<strong>Error!</strong> No se pudo agregar el pedido');
						$("#load").html('');

					} else {
						
						$("#error").addClass("alert alert-success");
						$("#error").html('<strong>Ok!</strong> Se cargo el pedido correctamente');

						url = "index.php";
						$(location).attr('href',url).slideUp( 900 );
						
					}
					
			}
			});
		}
	});/* fin del agregar */
	});/* fin del document ready */

</script>

</body>

</html>

<? } ?>